<?php
session_name("Fotos");
session_start();
?>

<html>
    <head>
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript">
            var muestra="false";
            $(document).ready(function(){
                
                $("#editarb").click(function() {
                    $("#editarf").slideToggle('slow', function() {
                    });
                });
                
                $("#borrarb").click(function(){
                    $("#borrarf").show("slow");
                    muestra="true"; 
                });
                
                $("#borrarNO").click(function(){
                    $("#borrarf").hide("slow");
                    muestra="false";
                });          
            
                $("#agregarb").click(function() {
                    $("#agregarf").slideToggle('slow', function() {
                    });
                });
                
            
                $("#editarf").hide();
                $("#agregarf").hide();
                $("#borrarf").hide();
            
        
            });
        </script>
        <style type="text/css"> 
            div.bloque{
                margin:0px;
                padding:5px;
                text-align:center;
                background:#e5eecc;
                border:solid 1px #c3c3c3;
            }

        </style>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>Pinf</title>
        <link href="../style.css" rel="stylesheet" type="text/css" media="screen" />
    </head>
    <body>
        <div id="wrapper">
            <div id="encab">
                <div id="logo">
                    <h1><a href="#">Pinf </a></h1>
                </div>
                <div id="busq">
                    <form method="get" action="">
                        <fieldset>
                            <input type="text" name="s" id="busq-texto" size="15" value="Buscar álbum" />
                            <input type="submit" id="busq-enviar" value="GO" />
                        </fieldset>
                    </form>
                </div>
            </div>
            <!-- fin #encab -->
            <div id="pag">
                <div id="pag-bgarriba">
                    <div id="pag-bgabajo">
                        <div id="menu">
                            <ul>
                                <li><a href="http://localhost:8080/web/home.html">Inicio</a></li>
                                <li><a href="http://localhost:8080/web/perfil.html">Perfil</a></li>
                                <li><a href="http://localhost:8080/web/enConstruccion.html">Amigos</a></li>
                                <li><a href="http://localhost:8080/web/enConstruccion.html">Fotos</a></li>
                                <li class="current_page_item"><a href="#">Eventos</a></li>
                                <li><a href="http://localhost:8080/web/buscar.html">Buscar</a></li>
                            </ul>
                        </div>
                        <!-- fin #menu -->
                        <div id="contenido">
                            <?php
                                $id= $_GET["id"];
                                
                                require_once("../Fachadas/FotosFachada.php");
                                $F = FotosFachada::getInstance();
                                $listaF = $F->getNombresFotos($id);
                                $lugar= $F->getLugarAlbum($id);
                                $nombre= $F->getNombreAlbum($id);
                                $tam = count($listaF);
                                
                                echo "<h2 class=title>$nombre</h2>";
                                echo "<h4 class=comments> Lugar: $lugar </h4>";

                                echo "<div class=\"post\">";
                                
                                if ($tam == 0) {
                                    echo "No existen fotos para mostrar";
                                } else {
                                    echo "<table>";
                                    $j = 1;
                                    foreach ($listaF as $ide => $foto) {
                                        if ($j == 1) echo "<tr>";
                                        echo "<td>";
                                        $_SESSION["var" . $ide . ""] = $listaF[$ide]["imagen"];
                                        echo "<a  href=fotos.php?id=" . $ide . "&nombre=$foto[0]&AID=$id>";
                                        echo "<img src=genImagen.php?id=" . $ide . " width=80 height=80 alt= /></a>";
                                        $j++;
                                        if ($j == 7) {
                                            echo "</tr>";
                                            $j = 1;
                                        }
                                    }
                                    if (count($listaF) % 7 != 0)
                                        echo "</tr>";
                                        echo "</table>";
                                    }
                                ?> 
                        </div>
                    </div>
                </div>
                <!-- fin #content -->
                <div id="barlateral">
                    <ul>
                        <li>
                            <h2>Opciones</h2>
                        </li>
                    </ul>                 
                    
                    <button id=editarb>Editar datos del Album </button><br>
                     <div id="editarf" class="bloque" >
                        <form action="../Controladores/editarAlbum.php" method="POST">
                            <ul>
                            <?php    
                            echo "<li>Nombre:<input name=nombre type=text value='$nombre' ><br/></li>";
                            echo "<li>Lugar  :<input name=lugar type=text value='$lugar'></br></li>";
                            echo "<input type=hidden name=id_album value=" .$id. " />";
                            ?>    
                            </ul>
                            <input type="submit" name="Guardar" value="guardarAlbum" />
                        </form>
                    </div>

                    <button id=agregarb>Agregar foto </button><br>
                    <div id="agregarf" class="bloque" >
                        <form enctype="multipart/form-data" action="../Controladores/agregarfotosC.php" method="POST">
                            <input type="hidden" name="MAX_FILE_SIZE" value="300000000" />
                            <?php
                            echo "<input type=hidden name=id_album value=" .$id. " />";
                            ?>
                            Elige la foto para subir: <input name="foto" type="file" /><br />
                            <input type="submit" name="upload" value="Subir foto!" />
                        </form>
                    </div>
                    
                    <button id=borrarb>Borrar Album </button><br>
                    <div id="borrarf" class="bloque">
                        <h4>Esta seguro de querer eliminar este album?</h4>
                        
                            <button id=borrarNO>NO</button>
                            <?php 
                                echo "<a href=../Controladores/eliminaralbumes.php?ID=$id><button id=aborrarSI >SI </button></a><br>";
                            ?>
                    </div>
                    
                    <button id=descargarb>Descargar Album </button><br>
                    
                    <h2>Personas en este Album</h2> 
                    <div>
                        <ul>
                            <li><a href="http://localhost:8080/web/enConstruccion.html">María Antonieta De Las Nieves</a></li>
                            <li><a href="http://localhost:8080/web/enConstruccion.html">Jiddu Krishnamurti</a></li>
                            <li><a href="http://localhost:8080/web/enConstruccion.html">Roberto Gómez Bolaños</a></li>
                            <li><a href="http://localhost:8080/web/enConstruccion.html">Carlos Villagran</a></li>
                            <li><a href="http://localhost:8080/web/enConstruccion.html">Ver más personas</a></li>
                        </ul>
                    </div>
                </div>
                <!-- fin #barlateral -->
                <div style="clear: both;">&nbsp;</div>
            </div>
        </div>
        <!-- fin #pag -->
        <div id="pie-wrapper">
            <div id="pie">
                <p><a href="http://localhost:8080/web/home.html">Inicio&nbsp;&nbsp;&nbsp;</a>
                    <a href="http://www.usb.ve/">USB&nbsp;&nbsp;&nbsp;</a>
                    <a href="http://www.dace.usb.ve/">DACE&nbsp;&nbsp;&nbsp;</a>
                    <a href="http://www.generales.usb.ve/">Estudios Generales&nbsp;&nbsp;&nbsp;</a>
                    <a href="http://asignaturas.usb.ve/">Aula Virtual</a>
                    <a href="http://localhost:8080/web/enConstruccion.html">Salir</a><br><br>
		Diseñado por Manghoo!</p>
            </div>
        </div>
        <!-- fin #pie -->
    </body>
</html>
